<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<div>
	<!-- 添加根菜单按钮 -->
	<div style="margin: 20px;">
		<a id="menu-list-add-btn" href="#" class="easyui-linkbutton"  onclick="javascript:menu.openAddWindow();"
		 data-options="iconCls:'icon-add'">添加根菜单</a>  
	</div>
	
	<div>
		<ul id='menu-list-tree' class="easyui-tree" data-options="url:'/main/tree'"></ul>    
	</div>
</div>


<script type="text/javascript">
var menu = {"pid":0};

//初始化
menu.init = function(){
	menu.pid = 0;
};

//绑定右键菜单，立即执行方法，只执行一次，所以不需要方法名！！
(function(){
	// 右键点击节点并显示快捷菜单
	$('#menu-list-tree').tree({
		onContextMenu: function(e, node){
			e.preventDefault();
			// 查找节点
			$('#menu-list-tree').tree('select', node.target);
			//获取节点id
			menu.pid = node.id;
			// 显示快捷菜单
			$('#menu-list-menu-ctx').menu('show', {
				left: e.pageX,
				top: e.pageY
			});
		}
	});
}());

menu.openAddWindow=function(){
	//创建一个添加窗口
	$('<div id="menu-list-add-dialog"></div>').dialog({    
	    title: '添加菜单',    
	    width: 400,    
	    height: 200,    
	    closable:false,    
	    href: '/menu/add/',    
	    modal: true,
	    buttons:[{
			text:'添加',
			handler:function(){
				menu.add();
			}
		},{
			text:'关闭',
			handler:function(){
				console.info(".....");
				$('#menu-list-add-dialog').dialog('destroy');
				//初始化
				menu.init();
				console.info("pid ---->  "+menu.pid);
			}
		}]
	});  
}

//修改
menu.openEditWindow=function(){
	//创建一个修改窗口
	$('<div id="menu-list-edit-dialog"></div>').dialog({    
	    title: '修改菜单',    
	    width: 400,    
	    height: 200,    
	    closable:false,    
	    href: '/menu/edit/'+menu.pid,    
	    modal: true,
	    buttons:[{
			text:'修改',
			handler:function(){
				menu.edit();
			}
		},{
			text:'关闭',
			handler:function(){
				console.info(".....");
				$('#menu-list-edit-dialog').dialog('destroy');
				//初始化
				menu.init();
			}
		}]
	});  
}

//删除
menu.remove = function(){
	//因为确认对话框默认显示关闭按钮，无法初始化pid，所以这里隐藏了该按钮，
	//将‘title’设为空值就行！！
	$.messager.confirm('','您确认要删除吗？',function(r){    
	    if (r){    
	        //删除
	    	$.ajax({
	 		   type: "get",
	 		   async:false,
	 		   url: "/menu/delete/"+menu.pid,
	 		   success: function(msg){
	 		     if(msg.code == 200){
	 		    	//前端删除
	 		    	var node = $('#menu-list-tree').tree('getSelected');
	 		    	if (node){
	 		    		$('#menu-list-tree').tree('remove', node.target);
	 		    	}
	 		    	$.messager.alert('提示','删除成功！','info');
	 		     }
	 		   }
	 		});
	    }
	    //窗口关闭时初始化pid = 0
	  	//初始化
		menu.init();
	    console.info("关闭删除窗口时 ------> pid: "+menu.pid);
	});  
}
</script>